﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<DVSProject.Models.AccessModels>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    MECHANICAL
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">
        $(function () {
            var pointMechanicalI =parseInt( $('#MechanicalPointI').val());
            var pointMechanicalII =parseInt( $('#MechanicalPointII').val());
            var pointMechanicalIII =parseInt( $('#MechanicalPointIII').val());
            var pointMechanicalIV =parseInt( $('#MechanicalPointIV').val());
            var pointMechanicalV =parseInt( $('#MechanicalPointV').val());
            var pointMechanicalVI =parseInt( $('#MechanicalPointVI').val());
            var pointMechanicalVII =parseInt( $('#MechanicalPointVII').val());
            var pointMechanicalVIII =parseInt( $('#MechanicalPointVIII').val());
            var pointMechanicalIX =parseInt( $('#MechanicalPointIX').val());
            var pointMechanicalX =parseInt( $('#MechanicalPointX').val());
            var pointMechanicalXI =parseInt( $('#MechanicalPointXI').val());
            var pointMechanicalXII = parseInt($('#MechanicalPointXII').val());

            TotalPoint();
            GetMechanicalRemarkI(false, pointMechanicalI);
            GetMechanicalRemarkII(false, pointMechanicalII);
            GetMechanicalRemarkIII(false, pointMechanicalIII);
            GetMechanicalRemarkIV(false, pointMechanicalIV);
            GetMechanicalRemarkV(false, pointMechanicalV);
            GetMechanicalRemarkVI(false, pointMechanicalVI);
            GetMechanicalRemarkVII(false, pointMechanicalVII);
            GetMechanicalRemarkVIII(false, pointMechanicalVIII);
            GetMechanicalRemarkIX(false, pointMechanicalIX);
            GetMechanicalRemarkX(false, pointMechanicalX);
            GetMechanicalRemarkXI(false, pointMechanicalXI);
            GetMechanicalRemarkXII(false, pointMechanicalXII);

            $('#MechanicalCheckI').change(function () {

                var isChecked = $('#MechanicalCheckI:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalI += 1;
                } else {
                    pointMechanicalI -= 1;
                }
                $('#MechanicalPointI').val(pointMechanicalI);
                TotalPoint();

                if (pointMechanicalI == 1) {
                    GetMechanicalRemarkI(false, pointMechanicalI);
                } else {
                    GetMechanicalRemarkI(true, pointMechanicalI);
                }
            });

            $('#MechanicalCheckII').change(function () {

                var isChecked = $('#MechanicalCheckII:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalII += 1;
                } else {
                    pointMechanicalII -= 1;
                }
                $('#MechanicalPointII').val(pointMechanicalII);
                TotalPoint();

                if (pointMechanicalII == 1) {
                    GetMechanicalRemarkII(false, pointMechanicalII);
                } else {
                    GetMechanicalRemarkII(true, pointMechanicalII);
                }
            });

            $('#MechanicalCheckIII').change(function () {

                var isChecked = $('#MechanicalCheckIII:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalIII += 2;
                } else {
                    pointMechanicalIII -= 2;
                }
                $('#MechanicalPointIII').val(pointMechanicalIII);
                TotalPoint();

                if (pointMechanicalIII == 2) {
                    GetMechanicalRemarkIII(false, pointMechanicalIII);
                } else {
                    GetMechanicalRemarkIII(true, pointMechanicalIII);
                }
            });

            $('#MechanicalCheckIV').change(function () {

                var isChecked = $('#MechanicalCheckIV:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalIV += 2;
                } else {
                    pointMechanicalIV -= 2;
                }
                $('#MechanicalPointIV').val(pointMechanicalIV);
                TotalPoint();

                if (pointMechanicalIV == 2) {
                    GetMechanicalRemarkIV(false, pointMechanicalIV);
                } else {
                    GetMechanicalRemarkIV(true, pointMechanicalIV);
                }
            });

            $('#MechanicalCheckV').change(function () {

                var isChecked = $('#MechanicalCheckV:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalV += 1;
                } else {
                    pointMechanicalV -= 1;
                }
                $('#MechanicalPointV').val(pointMechanicalV);
                TotalPoint();

                if (pointMechanicalV == 1) {
                    GetMechanicalRemarkV(false, pointMechanicalV);
                } else {
                    GetMechanicalRemarkV(true, pointMechanicalV);
                }
            });
            $('#MechanicalCheckVI').change(function () {

                var isChecked = $('#MechanicalCheckVI:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalVI += 1;
                } else {
                    pointMechanicalVI -= 1;
                }
                $('#MechanicalPointVI').val(pointMechanicalVI);
                TotalPoint();

                if (pointMechanicalVI == 1) {
                    GetMechanicalRemarkVI(false, pointMechanicalVI);
                } else {
                    GetMechanicalRemarkVI(true, pointMechanicalVI);
                }
            });
            $('#MechanicalCheckVII').change(function () {

                var isChecked = $('#MechanicalCheckVII:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalVII += 1;
                } else {
                    pointMechanicalVII -= 1;
                }
                $('#MechanicalPointVII').val(pointMechanicalVII);
                TotalPoint();

                if (pointMechanicalVII == 1) {
                    GetMechanicalRemarkVII(false, pointMechanicalVII);
                } else {
                    GetMechanicalRemarkVII(true, pointMechanicalVII);
                }
            });

            $('#MechanicalCheckVIII').change(function () {

                var isChecked = $('#MechanicalCheckVIII:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalVIII += 1;
                } else {
                    pointMechanicalVIII -= 1;
                }
                $('#MechanicalPointVIII').val(pointMechanicalVIII);
                TotalPoint();

                if (pointMechanicalVIII == 1) {
                    GetMechanicalRemarkVIII(false, pointMechanicalVIII);
                } else {
                    GetMechanicalRemarkVIII(true, pointMechanicalVIII);
                }
            });
            $('#MechanicalCheckIX').change(function () {

                var isChecked = $('#MechanicalCheckIX:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalIX += 1;
                } else {
                    pointMechanicalIX -= 1;
                }
                $('#MechanicalPointIX').val(pointMechanicalIX);
                TotalPoint();

                if (pointMechanicalIX == 1) {
                    GetMechanicalRemarkIX(false, pointMechanicalIX);
                } else {
                    GetMechanicalRemarkIX(true, pointMechanicalIX);
                }
            });
            $('#MechanicalCheckX').change(function () {

                var isChecked = $('#MechanicalCheckX:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalX += 2;
                } else {
                    pointMechanicalX -= 2;
                }
                $('#MechanicalPointX').val(pointMechanicalX);
                TotalPoint();

                if (pointMechanicalX == 2) {
                    GetMechanicalRemarkX(false, pointMechanicalX);
                } else {
                    GetMechanicalRemarkX(true, pointMechanicalX);
                }
            });

            $('#MechanicalCheckXI').change(function () {

                var isChecked = $('#MechanicalCheckXI:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalXI += 1;
                } else {
                    pointMechanicalXI -= 1;
                }
                $('#MechanicalPointXI').val(pointMechanicalXI);
                TotalPoint();

                if (pointMechanicalXI == 1) {
                    GetMechanicalRemarkXI(false, pointMechanicalXI);
                } else {
                    GetMechanicalRemarkXI(true, pointMechanicalXI);
                }
            });

            $('#MechanicalCheckXII').change(function () {

                var isChecked = $('#MechanicalCheckXII:checked').val() ? true : false;
                if (isChecked) {
                    pointMechanicalXII += 1;
                } else {
                    pointMechanicalXII -= 1;
                }
                $('#MechanicalPointXII').val(pointMechanicalXII);
                TotalPoint();

                if (pointMechanicalXII == 1) {
                    GetMechanicalRemarkXII(false, pointMechanicalXII);
                } else {
                    GetMechanicalRemarkXII(true, pointMechanicalXII);
                }
            });

            function TotalPoint() {
                $("#TotalPoint").val(parseInt(pointMechanicalI) + parseInt(pointMechanicalII) +
                 parseInt(pointMechanicalIII) + parseInt(pointMechanicalIV) +
                  parseInt(pointMechanicalV) + parseInt(pointMechanicalVI) +
                    parseInt(pointMechanicalVII) + parseInt(pointMechanicalVIII) +
                      parseInt(pointMechanicalIX) + parseInt(pointMechanicalX) +
                        parseInt(pointMechanicalXI) + parseInt(pointMechanicalXII));

            }


            function GetMechanicalRemarkI(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkI").html(data);
                        if (point < 1) {

                            $('#MechanicalRemarksI').removeAttr("disabled");
                        }
                      

                    },

                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }

            function GetMechanicalRemarkII(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkII").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }

            function GetMechanicalRemarkIII(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkIIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkIII").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksIII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }


            function GetMechanicalRemarkIV(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkIVProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkIV").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksIV').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetMechanicalRemarkV(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkVProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkV").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksV').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetMechanicalRemarkVI(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkVIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkVI").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksVI').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }

            function GetMechanicalRemarkVII(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkVIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkVII").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksVII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetMechanicalRemarkVIII(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkVIIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkVIII").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksVIII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetMechanicalRemarkIX(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkIXProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkIX").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksIX').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
            function GetMechanicalRemarkX(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkXProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkX").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksX').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }

            function GetMechanicalRemarkXI(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkXIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkXI").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksXI').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }

            function GetMechanicalRemarkXII(isFilter, point) {
                var actionUrl = '<%=Url.Action("MechanicalRemarkXIIProcess","Access") %>'
                $.ajax({
                    type: "GET",
                    url: actionUrl,
                    contentType: "application/json; charset=utf-8",
                    data: ({ isFitter: isFilter }),
                    success: function (data) {

                        $("#MechanicalRemarkXII").html(data);

                        if (point < 1) {
                            $('#MechanicalRemarksXII').removeAttr("disabled");
                        }
                    },
                    error: function (data) {
                        alert(data);
                        //SimilarSlider.html("<div style='color:#682929;text-align:center;font-weight:bold;'>¢Íâ·É¤èÐ ÃÐººäÁèÊÒÁÒÃ¶áÊ´§Ë¹éÒ¹Õéä´éã¹¢³Ð¹Õé</div>");
                    }
                });
            }
        });
    </script>
    <h2>
        MECHANICAL เครื่องล้างจาน</h2>
    <% using (Html.BeginForm())
       {%>
    <%= Html.ValidationSummary(true) %>
    <div class="CSSTableGenerator">
        <table>
            <tr>
                <th>
                    <label>
                        Mechanical เครื่องล้างาน</label>
                </th>
                <th>
                    <label>
                        OK ดี</label>
                </th>
                <th>
                    <label>
                        Remarks หมายเหตุ</label>
                </th>
                <th>
                    <label>
                        Point คะแนน</label>
                </th>
            </tr>
            <tr>
                <td>
                    <label>
                        Pre-Scrap Hose ผักบัวฉีดล้าง</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckI)%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.MechanicalRemarksI, Model.MechanicalRemarkISelect)%>--%>
                   <div id ="MechanicalRemarkI"></div>
                </td>

                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointI, new { @Value = "1", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Temp Gauges มาตรวัดอุณหภูมิ</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckII)%>
                </td>
                <td>
                  <%--  <%=@Html.DropDownListFor(model => model.MechanicalRemarksII, Model.MechanicalRemarkIISelect)%>--%>
                    <div id ="MechanicalRemarkII"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointII, new { @Value = "1", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Wash Arm/Jets แขนฉีดล้าง</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckIII)%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.MechanicalRemarksIII, Model.MechanicalRemarkIIISelect)%>--%>
                   <div id ="MechanicalRemarkIII"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointIII, new { @Value = "2", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Rinse Arm/Jets แขนฉีดรินซ์</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckIV)%>
                </td>
                <td>
                    <%--<%=@Html.DropDownListFor(model => model.MechanicalRemarksIV, Model.MechanicalRemarkIVSelect)%>--%>
                      <div id ="MechanicalRemarkIV"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointIV, new { @Value = "2", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Scrap Trays ตะแกรงตักเศษอาหาร</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckV)%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.MechanicalRemarksV, Model.MechanicalRemarkVSelect)%>--%>
                   <div id ="MechanicalRemarkV"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointV, new { @Value = "1", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Drains ท่อน้ำทิ้ง</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckVI)%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.MechanicalRemarksVI, Model.MechanicalRemarkVISelect)%>--%>
                    <div id ="MechanicalRemarkVI"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointVI, new { @Value = "1", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Overflow Drain ท่อน้ำล้น</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckVII)%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.MechanicalRemarksVII, Model.MechanicalRemarkVIISelect)%>--%>
                   <div id ="MechanicalRemarkVII"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointVII, new { @Value = "1", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Fill Valve วาล์วเติมน้ำ</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckVIII)%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.MechanicalRemarksVIII, Model.MechanicalRemarkVIIISelect)%>--%>
                   <div id ="MechanicalRemarkVIII"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointVIII, new { @Value = "1", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Wash Pump มอเตอร์ปั้ม</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckIX)%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.MechanicalRemarksIX, Model.MechanicalRemarkIXSelect)%>--%>
                     <div id ="MechanicalRemarkIX"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointIX, new { @Value = "1", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Curtain ม่าน</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckX)%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.MechanicalRemarksX, Model.MechanicalRemarkXSelect)%>--%>
                    <div id ="MechanicalRemarkX"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointX, new { @Value = "2", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Final Rinse Valve วาล์วน้ำสุดท้าย</label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckXI)%>
                </td>
                <td>
                   <%-- <%=@Html.DropDownListFor(model => model.MechanicalRemarksXI, Model.MechanicalRemarkXISelect)%>--%>
                    <div id ="MechanicalRemarkXI"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointXI, new { @Value = "1", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Heater/ หม้อต้ม
                    </label>
                </td>
                <td align="center">
                    <%= Html.CheckBoxFor(model => model.MechanicalCheckXII)%>
                </td>
                <td>
                  <%--  <%=@Html.DropDownListFor(model => model.MechanicalRemarksXII, Model.MechanicalRemarkXIISelect)%>--%>
                   <div id ="MechanicalRemarkXII"></div>
                </td>
                <td align="center">
                    <%=@Html.TextBoxFor(model => model.MechanicalPointXII, new { @Value = "1", @readonly = "true" })%>
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    Total Points คะแนนรวม
                </td>
                <td>
                    <input type="text" id="TotalPoint" readonly="readonly" value="0" />
                </td>
            </tr>
        </table>
    </div>
    <p>
        <input type="submit" class="buttonSummit" value="Next" />
    </p>
    <% } %>
    <div>
        <%= Html.ActionLink("Back to List", "Index") %>
    </div>
</asp:Content>
